<template>
	<view class="main" v-if="isLoading">
		<custom @showTopDailog="showTopDailog"></custom>
		<view class="main_containers">
			<pageTitle name="SUPPORTERS" :navBarArr="navBarArr"></pageTitle>
			<!-- 折叠内容 -->
			<view class="collapseContainers">
				<l-collapse :accordion="true">
					<l-collapse-item  v-for="(item, index) in collapseArr" :key="index" :title="item.title" :open="currIndex==index">
						<view class="content" v-html="item.content">
							
						</view>
					</l-collapse-item>
					
				</l-collapse>
			</view>
		</view>
		<footerContainer></footerContainer>
		<!-- 弹窗 -->
		<topDailog v-if="topDailogStatus" @closed="topDailogStatus=false"></topDailog>

	</view>
</template>

<script>
	import topDailog from '@/components/common/topDailog.vue';
	import footerContainer from '@/components/common/footer.vue';
	import pageTitle from '@/components/common/pageTitle.vue';
	import lCollapse from '@/components/common/l-collapse/l-collapse.vue';
	import lCollapseItem from '@/components/common/l-collapse-item/l-collapse-item.vue';
	import {
		mapMutations
	} from 'vuex'


	export default {
		components: {
			topDailog,
			footerContainer,
			pageTitle,
			lCollapse,
			lCollapseItem
		},
		data() {
			return {
				isLoading:false,
				currIndex:0,
				topDailogStatus: false,
				navBarArr: [{
						id: '1',
						name: "首页"
					},
					{
						id: '2',
						name: "赞助商"
					}
				],
				collapseArr: [{
						id: 1,
						title: '8.25（周五）支持者',
						content: '<text class="text_11">武藤雄二&nbsp;/&nbsp;坂始&nbsp;/&nbsp;铁男&nbsp;/&nbsp;庆太&nbsp;/&nbsp;八士&nbsp;/&nbsp;骨月真☆&nbsp;/&nbsp;huppy-sun&nbsp;/&nbsp;huppy-moon&nbsp;/&nbsp;Brunello&nbsp;Cucinelli&nbsp;/&nbsp;伊萨特尔&nbsp;/&nbsp;Buki-nyan&nbsp;/&nbsp;灵魂是什么颜色？&nbsp;/&nbsp;SAO&nbsp;是生命的钥匙&nbsp;Bo&nbsp;/&nbsp;Aki&nbsp;/&nbsp;Pachi&nbsp;Pachi&nbsp;/&nbsp;Gekkouga&nbsp;/&nbsp;Squid-chan&nbsp;/&nbsp;Kobarin☆彡&nbsp;/&nbsp;Hana-chan☆彡&nbsp;/&nbsp;MARIN&nbsp;/&nbsp;Pyon-chi&nbsp;/&nbsp;Yami&nbsp;/&nbsp;Toshiari&nbsp;/&nbsp;Oni&nbsp;Head&nbsp;/&nbsp;灵魂是什么颜色&nbsp;/&nbsp;SAO&nbsp;是生命的关键&nbsp;/&nbsp;Ringo11&nbsp;/&nbsp;Mr&nbsp;.&nbsp;Naoto&nbsp;/&nbsp;Missa&nbsp;/&nbsp;通常的茶&nbsp;/&nbsp;Night&nbsp;/&nbsp;Pyosekawa&nbsp;/&nbsp;Yamada&nbsp;Yamada&nbsp;/&nbsp;Uncle&nbsp;Arcana&nbsp;/&nbsp;Umi&nbsp;/&nbsp;Kou&nbsp;/&nbsp;Kobarin☆彡&nbsp;/&nbsp;Hana-chan☆彡&nbsp;/&nbsp;J0E&nbsp;/&nbsp;Kakeru&nbsp;/&nbsp;Yuurinchi&nbsp;/&nbsp;Oharu&nbsp;/&nbsp;Shuu&nbsp;/&nbsp;Mikumaru&nbsp;/&nbsp;访问Franboise&nbsp;/&nbsp;Yossie&nbsp;/&nbsp;Negita&nbsp;/&nbsp;Mizo&nbsp;/&nbsp;Ekearu&nbsp;/&nbsp;Kiss3&nbsp;/&nbsp;Imo&nbsp;Shochu&nbsp;/&nbsp;Negoron&nbsp;/&nbsp;Hatori&nbsp;/&nbsp;Pareria&nbsp;/&nbsp;喜欢&nbsp;Shotan&nbsp;的&nbsp;Risa</text>'
					},
					{
						id: 2,
						title: '8.26（周六）支持者',
						content: '8.26（周六）支持者'
					},
					{
						id: 3,
						title: '8.27（周日）支持者',
						content: '8.27（周日）支持者'
					},
				
				]

			}
		},
		onShow() {
              this.isLoading=true
		},
		onLoad(options) {
			let _this = this

		},
		onReady() {



		},
		methods: {
			showTopDailog() {
				this.topDailogStatus = true
			}
		},
	}
</script>

<style scoped lang="scss">
	.main {
		min-height: 100vh;
		position: relative;
		padding-bottom: 320rpx;
		background-image: url("../../static/bg_middle.png");
		background-size: 100% 100%;
		.collapseContainers{
			padding:20rpx 32rpx;
		}
	}
</style>